 .content{
     margin-top:30px;
     display:flex;
     justify-content: space-between;
  }
  .left{
     width:340px;
  }

  .left img{
    width:340px;
    height:200px;
  }
  .left p{
    color: #8f8f8f;
    font-size: 14px;
    margin-top:10px;
    transition: .3;
  }
   .left p:hover{
     color: #000000;
   }
  .left div{
    margin-top:10px;
    width:100px;
    height:40px;
    font-size: 14px;
    border: 1px solid #ecaf52;
    line-height: 40px;
    text-align: center;
    color:#ecaf52;
    cursor: pointer;
  }
  .right{
    width: 100%;
     height:328px;

  }
  .right li{
    display: flex;
    justify-content:space-between;
    height:40px;
    line-height:40px;
   /* color: #777; */
    border-bottom: 1px solid #f2f1f7;
    cursor: pointer;
  }
  .right li a{
     color: #777;
     transition: .3;
  }
  .right li a:hover{
    color: #000000;
  }
 .newslist{
     padding:20px;
 }
 .title{
     display: flex;
     justify-content: center;
     border-bottom:4px solid #dcdcdc;
     height:60px;
     position: relative;
 }
 .title h1{
     font-weight:400;
     width:190px;
     text-align: center;
     border-bottom: 4px solid #007dfe;
     position: absolute;
     padding-bottom:20px;
     bottom:-4px;
 }

 .tab{
     display: flex;
     margin-top:30px;
     justify-content:center;
 }
 .tab li{
     width:200px;
     height:40px;
     background: #f2f1f7;
     margin-right: 10px;
     line-height: 40px;
     text-align: center;
     cursor: pointer;
 }

 .tab li.active{
     background: #e97913;
     color:#fff;
 }